<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8">
  <meta name="description" content="">
  <title>优惠广场</title>
  <meta name="author" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--
    <link rel="stylesheet" type="text/css" href="http://lib.sinaapp.com/js/bootstrap/2.0.3/css/bootstrap-responsive.css">
  <link rel="stylesheet" type="text/css" href="http://lib.sinaapp.com/js/bootstrap/2.0.3/css/bootstrap.css">
  <script type="text/javascript" src="http://lib.sinaapp.com/js/bootstrap/2.0.3/js/bootstrap.js"></script>
  <script type="text/javascript" src="http://lib.sinaapp.com/js/webfont/1.0.9/webfont.js"></script>
  -->
  <link rel="stylesheet" type="text/css" href="../style/bootstrap.css">
  <link rel="stylesheet" type="text/css" href="../style/bootstrap-responsive.css">
  <!--[if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
  <link rel="stylesheet" type="text/css" href="../style/g.css"></head>
<body>
<div class="container-fluid" id="wrapper">
  <div class="row-fluid panels">
    <div id="topics-panel"  class="span2 visible-desktop">
      <div id="shopping" class="well sidebar-nav">
        <ul class="nav nav-list">
          <li class="nav-header">网店选择</li>
          <li><a href="javascript:;">京东</a></li>
          <li><a href="javascript:;">新蛋</a></li>
          <li><a href="javascript:;">一号店</a></li>
          <li><a href="javascript:;">亚马逊(国内)</a></li>          
          <li><a href="javascript:;">新蛋(海淘)</a></li>
          <li><a href="javascript:;">亚马逊(海淘)</a></li>
          <li class="nav-header">分类目录</li>
          <li><a href="javascript:;">京东</a></li>
          <li><a href="javascript:;">新蛋</a></li>
          <li><a href="javascript:;">一号店</a></li>
          <li><a href="javascript:;">亚马逊(国内)</a></li>          
          <li><a href="javascript:;">新蛋(海淘)</a></li>
          <li><a href="javascript:;">亚马逊(海淘)</a></li>
        </ul>
      </div>
    </div>
    <div class="span3">
    <foreach name="HostNodes" item="host">
      <blockquote>
        <p><a rel="nofollow" href="{$host.link}" title="{$host.title}" target="_blank">{$host.title}</a></p>
        <php> $istimes= $host['created']!=0?$host['created']:$host['updated'];</php> 
        <small> {$host['hostname']}
                <cite title="{$host['hostname']}">{:date("n-d H:i:s",$istimes)}</cite>
        </small>
      </blockquote>
    
    </foreach>
    </div>
    <div class="span7 visible-desktop">
    <foreach name="HostNodes" item="host">


      <div class="thumbnail">
         <h5>{$host.title}</h5>
        
            <div class="caption">
              <div calss="span2">
                  <foreach name="host['images']" item="img">
                    
                    <a rel="nofollow"  target="_blank" href="{$img}" class="thumbnail">
                      <img src="{$img}" alt="{$host.title}" class="border-radius">
                    </a>
                   
                  </foreach>
              </div>
              <p>{$host.notag}</p>
              <p>
                <a rel="nofollow" target="_blank" href="{$host.link}"  class="btn btn-primary">连接</a>
                <a rel="nofollow" target="_blank" href="{$host['weburl']}" class="btn">{$host['hostname']}</a>
              </p>
            </div>
          </div>
    </foreach>
    </div>
  </div>
</div>
  
<!-- 
   <div class="container">
      <div class="pagination pagination-centered">
        <ul>
          <li class="page_prev disabled">
            <a href="?page=1">←</a>
          </li>
          <li class="active disabled">
            <a href="?page=1">1</a>
          </li>
          <li class="page_next">
            <a href="?page=2">→</a>
          </li>
        </ul>
      </div>
    </div>
-->
    <hr class="hidden">
    <header>
    <div class="navbar navbar-fixed-top" id="navbar">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"></a>
          <a class="brand" href="#">优惠广场</a>
          <div class="nav-collapse collapse">
            <p class="navbar-text pull-right">
              <a href="#" class="navbar-link">社会化登录</a>
            </p>
            <ul class="nav">
              <li class="active">
                <a href="#">今天</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    </header>
    
    <script type="text/javascript" src="../script/jquery.js"></script>
    <script type="text/javascript" src="../script/bootstrap.js"></script>
    <script type="text/javascript" src="../script/jquery.infinitescroll.js"></script>
    <script type="text/javascript" src="../script/jquery.masonry.js"></script>
    <script type="text/javascript">
// jQuery(document).ready(function($) { 
            //    var article = $('#article');
            //   article.infinitescroll({
            //       navSelector  : ".pagination",
            //       nextSelector : ".pagination .page_next a",
            //       itemSelector : "#article div.span4",        
            //       localMode:true,    
            //     });

            //   article.imagesLoaded( function(){
            //     article.masonry({
            //        itemSelector: 'div.span4'
            //     });
            //   });
            // });
            </script>
  </div>
</body>
</html>